<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>Join Us</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/join.css">
</head>

<body>
    <div class="home">

        <div class="header">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo animated fadeInUp">
                        <img src="./images/logo.png" alt="">
                    </a>
                </div>
                <div class="links">
                    <a href="index.html">
                        Home
                    </a>
                    <a href="index.html?scrollTo=md1">
                        Technology
                    </a>
                    <a href="team.html">
                        Our Team
                    </a>
                    <a href="join.html" class="on">
                        Join Us
                    </a>
                    <a href="">
                        EN-CN
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo.png" alt="">
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                   <a href="index.html">Home</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                   <a href="index.html?scrollTo=md1">Technology</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                 <a href="team.html">Our Team</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="join.html">Join Us</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href=""> EN-CN</a>
                </div>
            </div>
        </div>

        <div class="banner">
            <img src="./images/join_banner.png" alt="">
            <div class="text animated fadeInUp">
                Join our<br>
                fast growing team
            </div>
        </div>

        <div class="section1">
            <div class="list">
                <div class="item wow fadeInUp">
                    <div class="d1">
                        <p>Sales Network</p>
                        <div class="icon">
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                    <div class="d2">
                        <div class="html">
                            <p>Development of computational processes for cutting-edge chemistry and materials.</p>
                            <p>Collaborate with cloud and software engineers to design data infrastructure and processes
                                centered
                                around chemistry and materials.</p>
                            <p>Collaborate with internal business and technical teams to identify and address the team's
                                future
                                computing needs.</p>
                            <p>Collaborate with partner companies and clients to achieve industry breakthroughs.</p>
                        </div>
                    </div>
                </div>
                <div class="item wow fadeInUp">
                    <div class="d1">
                        <p>Machine Learning Research Scientist</p>
                        <div class="icon">
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                    <div class="d2">
                        <div class="html">
                            <p>Development of computational processes for cutting-edge chemistry and materials.</p>
                            <p>Collaborate with cloud and software engineers to design data infrastructure and processes
                                centered
                                around chemistry and materials.</p>
                            <p>Collaborate with internal business and technical teams to identify and address the team's
                                future
                                computing needs.</p>
                            <p>Collaborate with partner companies and clients to achieve industry breakthroughs.</p>
                        </div>
                    </div>
                </div>
                <div class="item wow fadeInUp">
                    <div class="d1">
                        <p>technical product manager</p>
                        <div class="icon">
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                    <div class="d2">
                        <div class="html">
                            <p>Development of computational processes for cutting-edge chemistry and materials.</p>
                            <p>Collaborate with cloud and software engineers to design data infrastructure and processes
                                centered
                                around chemistry and materials.</p>
                            <p>Collaborate with internal business and technical teams to identify and address the team's
                                future
                                computing needs.</p>
                            <p>Collaborate with partner companies and clients to achieve industry breakthroughs.</p>
                        </div>
                    </div>
                </div>
                <div class="item wow fadeInUp">
                    <div class="d1">
                        <p>business development manager</p>
                        <div class="icon">
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                    <div class="d2">
                        <div class="html">
                            <p>Development of computational processes for cutting-edge chemistry and materials.</p>
                            <p>Collaborate with cloud and software engineers to design data infrastructure and processes
                                centered
                                around chemistry and materials.</p>
                            <p>Collaborate with internal business and technical teams to identify and address the team's
                                future
                                computing needs.</p>
                            <p>Collaborate with partner companies and clients to achieve industry breakthroughs.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg wow fadeInRight">
                <img src="./images/rc.png" alt="">
            </div>
        </div>

        <div class="section2">
            <p class="p1 wow fadeInUp">Let's get in touch</p>
            <p class="p2 wow fadeInUp">If you would like to join us, please contact us with your resume</p>
            <div class="allItems">
                <div class="item wow fadeInUp">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="33" height="23" viewBox="0 0 33 23" fill="none">
                            <rect x="1.0835" y="1.25" width="30.8333" height="20.0417" rx="1" stroke="white"
                                stroke-width="1.5" stroke-linejoin="round" />
                            <path d="M5.7085 5.875L16.5002 12.0417L27.2918 5.875" stroke="#1FA5FD" stroke-width="1.5"
                                stroke-linejoin="round" />
                        </svg>
                    </div>
                    <span>：</span>
                    <div class="des">info@deepprinciple.com</div>
                </div>
                <div class="item wow fadeInUp" style="animation-delay: 200ms;">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none">
                            <path d="M4.9375 10.3334V28.0625H28.0625V10.3334" stroke="white" stroke-width="1.5"
                                stroke-linejoin="round" />
                            <path
                                d="M11.1045 28.0625V18.2708C11.1045 17.7185 11.5522 17.2708 12.1045 17.2708H20.1253C20.6776 17.2708 21.1253 17.7185 21.1253 18.2708V28.0625"
                                stroke="#1FA5FD" stroke-width="1.5" stroke-linejoin="round" />
                            <path d="M1.0835 13.4167L16.7862 1.08337L31.9168 13.4167" stroke="white" stroke-width="1.5"
                                stroke-linejoin="round" />
                            <path d="M1.0835 28.0625H31.9168V31.9167H1.0835V28.0625Z" stroke="white" stroke-width="1.5"
                                stroke-linejoin="round" />
                        </svg>
                    </div>
                    <span>：</span>
                    <div class="des">
                        3rd Floor, 289 Digital Peninsula, No. 2<br>
                        Hongliu Road, Futian District, Shenzhen
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/logo.png" alt="">
                    </div>
                    <div class="follow">
                        <p>Follow Us：</p>
                        <div class="icons">
                            <a href="">
                                 <img src="./images/icon1.svg" alt="">
                                 <div class="code animated fadeIn">
                                    <img src="./images/code.jpg" alt="">
                                 </div>
                            </a>
                            <a href="">
                                <img src="./images/icon2.svg" alt="">
                            </a>
                            <a href="">
                                <img src="./images/icon3.svg" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="email">
                        info@deepprinciple.com
                    </div>
                </div>
                <div class="c">
                    <div class="ci">
                       <a href="./index.html">
                           Home
                       </a>
                       <a href="index.html?scrollTo=md1">
                           Technology
                       </a>
                    </div>
                   <div class="ci">
                       <a href="./join.html">
                           Join Us
                       </a>
                       <a href="./team.html">
                           Our Team
                       </a>
                   </div>
               </div>
                <div class="r">
                    <p class="p1">get updates to your inbox</p>
                    <div class="form">
                        <div class="d1">
                            <div class="item">
                                <input type="text" placeholder="Name">
                            </div>
                            <div class="item">
                                <input type="text" placeholder="Email">
                            </div>
                        </div>
                        <div class="d2">
                            <div class="item">
                                <input type="text" placeholder="Message">
                            </div>
                            <div class="submit">
                                submit
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    Copyright ©2024 Deep Principle. All Rights Reserved. Supported by <a href="">Pithy Mfweb</a>
                </div>
                <div class="r">
                    <a href="">This is the filing number</a>
                    <a href="">Legal Notice</a>
                    <a href="">Privacy Policy</a>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/lenis.min.js"></script>
    <script src="./js/aos.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();
        $(function () {
            $('.section1 .list .item').click(function () {
                $(this).stop().toggleClass('on')
                $(this).children('.d2').stop().slideToggle()
            })
        })
    </script>
</body>

</html>